<template>
  <!-- 首页头部 -->
    <MainHead></MainHead>
  <el-row class="leftnav">
    <!-- 侧边导航 -->
    <el-col :span="5">
      
      <div v-if="this.$store.state.user.job == '管理员'"><nav-admin>管理员</nav-admin></div>
      <div v-else-if="this.$store.state.user.job == '社区管理员'"><nav-tylir>社区管理员</nav-tylir></div>
      <div v-else-if="this.$store.state.user.job == '维修人员'"><nav-accendant>维修人员</nav-accendant></div>
      <div v-else="this.$store.state.user.job == null"><nav-static></nav-static></div>
    </el-col>
    <!-- 公告内容 -->
    <el-col :span="19" class="main">
      <el-iframe name="notice-content" width="100%" height="900px">
        <Contain></Contain>
      </el-iframe>
    </el-col>
  </el-row>
  <!-- 页脚 -->
  <el-footer>
  <Footer></Footer>
  </el-footer>

</template>

<script>
import MainHead from "./components/main/head.vue"
import swiper from "./components/swipers/container-swiper.vue"
import notice from "./components/swipers/notice.vue"
import NavTylir from './components/nav/navTylir/nav-tylir.vue'
import NavStatic from './components/nav/nav-static.vue'
import NavAdmin from './components/nav/nav-admin.vue'
import NavAccendant from './components/nav/nav-accendant/nav-accendant.vue'
import Hotpoint from "./components/nav/nav-static/hotpoint.vue"
import Contain from './contain.vue'

import UpdatePass from './components/nav/update-pass.vue'
import Footer from "./components/main/footer.vue"

export default {
  name: "main_h",
  components: {
    MainHead,
    NavStatic,
    NavAdmin,
    NavAccendant,
    swiper,
    notice,
    NavTylir,
    Contain,
    Hotpoint,
    UpdatePass,
    Footer
},
  data() {
  
  },
}
</script>

<style scoped>
  .leftnav{
    height: 500px;
  }
  .el-footer{
    background-color: rgb(239, 245, 245);
    height: 100px;
  }  
  .main{
    margin-top: 50px;
  }
</style>

